// 灰色背景颜色
@import '../../utils/common/reset';
.invoice {
    width: 100%;
    height: 100%;
    overflow: hidden;
    @include fz(30);
    &__info {
        &__item {
            border-bottom: 16rpx solid $bgGray;
            &--detail {
                border-bottom: none;
            }
            .item__title {
                font-weight: bold;
                padding: 30rpx 0 18rpx 49rpx;
                &--type {
                    width: 100%;
                    background-color: $bgGray;
                }
            }
            .item__content {
                padding: 0 0 23rpx 49rpx;
                &--type {
                    padding-top: 27rpx;
                    .btns {
                        &__item {
                            @include fz(30);
                            padding: 10rpx 26rpx;
                            background-color: $btnBgColor;
                            border-radius: 5rpx;
                            margin-right: 62rpx;
                            &--hover,
                            &--active {
                                @include hoverBtn;
                            }
                            &::after {
                                border: none;
                            }
                        }
                    }
                }
                &--title {
                    .radios {
                        &__item {
                            margin-right: 40rpx;
                        }
                    }
                }
                &--perInfo {
                    padding: 0;
                    .perInfo {
                        &__item {
                            display: flex;
                            padding-left: 49rpx;
                            border-top: 1rpx solid $bdtColor;
                            height: 91rpx;
                            align-items: center;
                            &--name {
                                flex: 3;
                                margin-right: 40rpx;
                            }
                            input {
                                flex: 7;
                                padding-right: 10rpx;
                                @include fz(30);
                            }
                            &__input--placeholder {
                                letter-spacing: normal;
                            }
                        }
                    }
                }
                &--detail {
                    position: relative;
                    &__scroll {
                        margin-right: 83rpx;
                        height: 300rpx;
                        overflow-y: auto;
                        /* 滚动条 */
                        &::-webkit-scrollbar {
                            width: 12rpx;
                            background-color: #fff;
                        }
                        &::-webkit-scrollbar-thumb {
                            background-color: #eba593;
                            position: absolute;
                            z-index: 3;
                        }
                        &__bd{
                            position: absolute;
                            width: 1rpx;
                            height: 300rpx;
                            background-color: #eba593;
                            left: 662rpx;
                            top: 0;
                        }
                    }
                    .radios {
                        &__item {
                            display: flex;
                            height: 60rpx;
                            @include fz(30);
                            align-items: center;
                            radio {
                                margin-right: 5rpx;
                            }
                        }
                    }
                    &__btn {
                        box-sizing: border-box;
                        position: absolute;
                        left: 50%;
                        margin-left: -230rpx;
                        margin-top: 40rpx;
                        width: 460rpx;
                        height: 64rpx;
                        font-size: 30rpx;
                        border-radius: 0;
                        background-color: #fff;
                        letter-spacing: 28rpx;
                        &::after {
                            border: 2rpx solid #808180;
                            border-radius: 0;
                        }
                    }
                }
            }
        }
    }
}